<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script>

<div id="contenedorAsoc">

        <div class="tabs1">

    
            <div class="asoc" >
                <a class="asoc_activo selected" ></a>
           </div>

  
           <div class="asoc1" >
                  <a class="asoc_activo1" href="<?php echo url_for('@asociados_documento') ?>" ></a>
            </div>
   

            <div   class="asoc2">
              <a   class="sesion"href="<?php echo url_for('asociados/logout') ?>" ></a>
            </div>

         </div>

    <div  class="tabs2">
        <div class="form1">
        <form  method="get" >
            <input type="submit" style=" width: 93px ;height: 28px;" value="Buscar" class="ingreso btn_filtar"   >
              <input  class="ingreso"   type="text" name="empresa"  value=" Empresa"onfocus="if(this.value==' Empresa'){this.value=''};" onblur="if(this.value==''){this.value=' Empresa'};">
                <input  class="ingreso"   type="text" name="apellido" value=" Apellido" onfocus="if(this.value==' Apellido'){this.value=''};" onblur="if(this.value==''){this.value=' Apellido'};"  >
                 <input class="ingreso"  type="text" name="nombre"  value=" Nombre"onfocus="if(this.value==' Nombre'){this.value=''};" onblur="if(this.value==''){this.value=' Nombre'};">
        </form>
        </div>
        
          <div class="tabs3">
     
              <div  class="tab_1">
                        <a class="tab3 " href="<?php echo url_for('@nuestro_asoc') ?>"  >Asociados Activos</a>
                </div>


 
              <div class="tab_1" >
                     <a class="tab3" href="<?php echo url_for('@asociado_postulante') ?>" >Postulantes a Asociados</a>
                </div>
  

              <div  class="tab_1" >
                     <a class="tab3 selected" >Retiros Durante el Año</a>
                </div>


 
              </div>
             <?php if($pager->getNbResults()!=0){ ?>
                <?php $con=0; ?>
                <?php foreach($pager->getResults() as $idx => $row){ ?>
                    <div class="bloques_asoc <?php if($con%2==0) echo " bloques_asocPar" ?>">

                     <div class="opcion"><a onclick="mostarAsoc('<?php echo $row->getId(); ?>')" href="javascript:void(0);"><?php  echo $row->getNombre(); ?></a></div>

                   </div>
       
                <?php $con++;  ?>
                  <?php } ?>
                <?php }else{ ?>
               No se han encontrado asociados
                <?php } ?>

    </div>
      




<?php if ($pager->haveToPaginate()): ?>

<div class="color_pag2" id="pintar">

    <span> Paginas <?php echo $pagina  ?> de <?php  echo $max ?></span>
    <?php if($pager->getPreviousPage()!=$pager->getPage()){ ?>
    <div class="izq">
        <a href="?page=<?php echo $pager->getPreviousPage() ?>">
           <?php echo image_tag('btn_izq.png','size=14x14') ?></a>
      </div>
    <?php } ?>
    <?php foreach ($pager->getLinks() as $page): ?>
        <?php if ($page == $pager->getPage()): ?>
          <div class="imagen_pag">
              <span><?php echo $page ?></span>
          </div>
        <?php else: ?>
          <div class="next"  >
            <a href="?page=<?php echo $page ?>">
               <?php echo $page ?>
            </a>
          </div>

        <?php endif; ?>
    <?php endforeach; ?>
    <?php if($pager->getNextPage()!=$pager->getPage()){ ?>
      <div style="width: 30px;vertical-align: middle;display: inline-block;">
        <a href="?page=<?php echo $pager->getNextPage() ?>">
           <?php echo image_tag('btn_der.png','size=14x14') ?></a>
      </div>
    <?php } ?>
  </div>
<?php endif; ?>
</div>

<div id="dialog-asociado" title="Asociado">
    <div id="content-ajax"></div>
</div>


<script type="text/javascript">

    function mostarAsoc(idParameter)
    {
            $("#dialog-asociado").dialog('open');
            $.ajax({
                
                    type:"post",
                    url:"<?php echo url_for('@asociado_popat') ?>",
                    datatype:"html",
                    data:{
                        id:idParameter
                         },
                    success:function(data)
                    {
                        $("#content-ajax").html(data);
                    }
                });
    }
    
    
    
    $(document).ready(function(){
        $( "#dialog-asociado" ).dialog({
               autoOpen: false,
               height: 435,
               width: 775,
               modal: true,
               close: function() {

               }
           });
    });

</script>
